<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字图片加间距 */
				margin: 30px;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/圣诞树.png" width="200px" height="200px" alt="圣诞树" />
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni earum velit architecto, aliquam tempore nostrum itaque doloremque voluptates? Porro ex, minima sequi veniam modi voluptas numquam magni atque ea quo.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam et voluptatibus quod mollitia adipisci ea, iure odio culpa inventore ipsa beatae nam earum architecto dolores est labore quo dignissimos tempore?</p>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex consectetur facere minus velit eum veritatis nobis inventore? Natus, officia et? Iusto fugiat error modi consequatur inventore. Nobis nulla voluptatibus voluptatem.</p>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus, minus fuga veritatis pariatur enim magni dolorem excepturi sed. Alias nostrum quibusdam nam, repudiandae deserunt earum beatae enim asperiores harum recusandae.</p>
	</body>
</html>